// 放置所有和筛选有关的逻辑代码
import { ref, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import { findSubCategoryFilter } from '@/api/category'
export function useSubCategoryFilter () {
  const subCategoryDataRef = ref(null)
  const route = useRoute()
  async function loadSubData (id = route.params.id) {
    const res = await findSubCategoryFilter(id)
    subCategoryDataRef.value = res.data.result
    // 品牌  subCategoryData.value.brands  没有‘全部’分类  我们自己添加一个全部的分类
    // 品牌 在开始的地方添加一个全部分类  unshift
    subCategoryDataRef.value.brands.unshift({
      name: '全部',
      id: null
    })
    // 规格 在开始的地方添加一个全部分类  unshift
    subCategoryDataRef.value.saleProperties.forEach((item) => {
      item.properties.unshift({
        name: '全部',
        id: null
      })
    })
    // 给每一个规格添加一个专门用来控制是否激活的字段 selected true 激活 false 不激活
    subCategoryDataRef.value.saleProperties.forEach((item) => {
      item.properties.forEach((pro) => {
        pro.selected = false
      })
    })
  }
  onMounted(() => {
    loadSubData()
  })
  return {
    subCategoryDataRef
  }
}
